Department of Computer Science 
CMPT 481/898 Midterm Exam 

October 14,2003 Time: 75 minutes Total marks: 70 

Name:_ 

Student Number_ 

Question 1 (1 mark) 

Explain why evaluation comes before design in the HC1 design cycle. 

f '! so i#*/ i*# 7 ^ t 

syi-k™. A system, &J- U, U* 

Question 2 (3 marks) 

Fill in the blanks with three qualities that complete the sentence “usability is the degree to which a user’s 
tasks can be carried out..." 

i. E-TEidfWy _ 

<, 2. Effire-frvcly _ 

3. _ Wy _ 

Question 3 (6 marks) 

State, in one sentence each, three advantages of a direct-manipulation UI compared to a command- 
language Ul, and three advantages of a command-language UI compared to a direct-manipulation UI. 
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Question 4 (8 marks) 

Java Swing organizes its widgets into categories. For each of the following widgets, give the n 
Java class implementing the widget, and the Swing category. 



Uneditable Display 


jGeorge Washington 
jThomas Jefferson 

jBenjamin Franklin 


7Tey-feli 


DrtpLy 


First Na.;:| 

Last Name! 

Mark 

Andrews 1 

Tom 

Bali 

Alan 

Chung 1 

Jeff 

Dinkins L 


3T*y e 




\:w*** . 


; BOOT 

kia 


*1 cookies 
! a*| ptoperbe 
j j*l utlpool 


Verify that the RJ45 
cable is connected 
to the WAN plug on 
the back of the 
Pipeline unit 


^Spi'+fW 


Cor&*tr 


OK 




(cM- r » I 


File Options Com 


SpitPano TaWeVtew 
DebugGraphics 

9® » 


STModh-r# 


»V>€T 


3 leA FW 




FrameDemo BBE 


Pro-^e 


C»*T*i**f 




TSl ;<ktr / 


Conire 


Question 5 (4 marks) 

State four kinds of functionality that is provided to Swing components through inheritance from the 

JComponent class. i . 1 / j 
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Question 6 (9 marks) 

Draw the containment hierarchy for the following Tcl/Tlc code. 


frame .fl 
button .bl 
frame .fl.f2 
button .f1.f2.bl 
label .fl.ll 
f rame .f 2 
label . f2.12 
button .f2.bl 



Question 7 (7 marks) 

Given the widgets defined below, write packer code that would result in exactly the following picture. 


button .ba -text "a 
button .bb -text "b 
button .be -text "c 
button .bd -text "d 
button .be -text "e 
button .bf -text "f 
button .bg -text "g 
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Question 8 (4 marks) 

Give the values for the grid constraints that would lead to the following window-resize behav 
Before resizing: 

'7lrsTZLT3 


After resizing: 


■i wish84 rni 3IIQ 


: A 

c 

-1 


- rov* 1 0 - Col \>-fan 0 I * I ' sticky ff. 

0 - CoIumA I z 0 -weieWy z o - stifky & 

-rtvj \ -CeluiKf' * - I - *4*tky ^g 


grid -r=w l-ctcmn 1 - wt «jW y r0 sl'c^ 


+<’cK v 


Question 14 (8 marks) 

In a structured drawing program, the user selects a square in the drawing and presses the ‘Delete’ key. 
From the time of the keypress until the time that the square disappears from the screen, state what happens 
in the different parts of the MVC architecture. 
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- % 4 ofkt'f ^ . 

Question 15 (2 marks) 

Describe how object positions should be stored in a model, in order that the objects can be drawn correctly 
to devices with different sizes and coordinate systems. State how the model coordinates can be converted to 
the display coordinates. ^ 

object's posihd o skojj be sbrei ms 
CoofXo*>y shodb. be 4td<- Ms current dsvtce . 
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by fajkl / ^oorji^k /*dtyfi*A by beykf. 




Question 9 (10 marks) 

For the given example application, complete the table to show which layer (from hardware to application) 
is the first to process the given event in a meaningful way. and which layer (if any) processes it next. 


a 



Event/Component 

Handling layer 

Forward to... 

Drag title bar 

CJinl"'’ 

os 

Click “Dayton" icon 

UI latMy 

Affhcd*P 

Drag slider thumb 

I 'At Tojt'f/ 

Afflicd'**- / 

Click close box 

U-> 

UI TtJk't 

Resize window 


UI 



Question 16 (8 marks). 


Write a program in either Java or Tcl/Tk that demonstrates grid snapping for graphical interaction. The 
system should show a dot at the closest grid location to the current position of the mouse. 

p£c*rwas • C bo. - 

btriA .c J 

proc sropW [y yj 

* tei jrictjf I> ^ c Wr' 1 1*1 
*e+ Ariel Y pc closest *yj 

r\ti*)X [af><k)( CcfA -xj 

set oev-jYjTgri^Y c^et -yj 

•C cczJe © v *4 neJ( [tfypr ntrjY+iJ pe^r nej/tjj -Ml reJ 


This Mere 
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Bonus (1 mark) 

Circle the values that would create brown in the 
RGB colour system. 

R: 0 (S) 128 192 255 

G: 0 64 128 (Jgi)) 255 

B: 0 64 128 192 255 


0 
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